<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>账号注册</h1>
    <br>
    <form action = "">
        <form action="">
            <!-- 文本框 -->
            账号：<input  type="text" placeholder="邮箱/手机号码/ID">
            <br>

            <!-- 密码框 -->
            密码：<input type = "password" placeholder="密码">
            <br>

            <input type="reset" value="重置按钮">
        </form>

        

        <!-- 单选框+label标签 -->
        <input type="radio" name = "sex" id = "nan"><label for="nan">男</label>
        <input type="radio" name = "sex" id = "nv"><label for="nv">女</label>
        <br>

        <!-- 下拉菜单 -->
        所在地：<select>
            <option>意大利</option>
            <option>美国</option>
            <option selected>中国</option>
        </select>
        <br>

        <!-- 多选框 -->
        是否单身：<input type = checkbox>

        <!-- 提交按钮 -->
        <input type = submit value = "注册账号">
    </form>
    <br>

    <!-- 文件选择框 -->
    提交头像：<input type = file multiple>
    <br>

    <!-- 文本域 -->
    <Textarea cols = 12 rows = 3></Textarea>
    <br>

    <!-- 普通按钮 -->
    <input type = button value = "测试按钮1">
    
    <!-- 按钮标签 -->
    <button type = button>测试按钮2</button>

    <form action="" method="post">
        <fieldset>
            <legend>请选择你的爱好：</legend>
    
            <select name="myhobby" id="myhobby">
                <optgroup label="运动">
                    <option value="羽毛球">篮球</option>
                    <option value="乒乓球">足球</option>
                </optgroup>
                <optgroup label="娱乐">
                    <option value="看电影">看电影</option>
                    <option value="看小说">看电视</option>
                </optgroup>
            </select>
        </fieldset>
    </form>

    <form action="" method="post">
        <input list="browsers">
        <datalist id="browsers">
            <option value="Internet Explorer">
            <option value="Firefox">
            <option value="Chrome">
            <option value="Opera">
            <option value="Safari">
        </datalist>
    </form>
</body>
</html>